<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>宠物之家</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_766079_08xmz6wdbq0r.css">
    <link rel="stylesheet" href="../css/animal.css">

</head>
<body>
<!-- 头部 开始 -->
<header>
    <div class="safe">
        <div class="left">
            <i class="iconfont icon-laba"></i>
            <span>热烈庆祝官网改版郑重来袭！</span>
        </div>
        <div class="right">
            <a href="#">设为首页</a>
            <a href="#">加入收藏</a>
            <a href="#">联系我们</a>
        </div>
    </div>
</header>
<!-- 头部 结束 -->

<!-- 搜索栏 开始 -->
<section id="search">
    <div class="safe clear">
        <div class="left zuo">
            <input type="text" value="search"/>
            <button type="button">
                <i class="iconfont icon-soushuo"></i>
            </button>
        </div>
        <div class="right you">
            <div class="i1s dl">
                <div class="i-1 dl">
                    <i class="iconfont icon-shouji"></i>
                    <span>000-12345678</span>
                </div>
                <div class="i-2 dl">
                    <i class="iconfont icon-youjian"></i>
                    <span>12345678@qq.com</span>
                </div>

            </div>
            <div class="i2s dl">
                <i class="iconfont icon-qq"></i>
                <i class="iconfont icon-weixin"></i>
                <i class="iconfont icon-weibo"></i>
            </div>
        </div>
    </div>
</section>
<!-- 搜索栏 结束 -->


<!-- Banner 开始 -->
<section id="banner">
    <div class="safe">
        <!--因为在有地色块的文字上方没有内容，所以加一个空的div，才能设置文本的上边距 -->
        <div class="empty"></div>
        <p class="p1">We will always be your most sincere partner</p>
        <p class="p2">我们永远是您最真诚的伙伴</p>
        <button type="button">查看更多</button>
    </div>
</section>
<!-- Banner 结束 -->


<!-- 第一层 开始 -->
<section id="floor-1">
    <div class="safe">
        <div class="up-1">
            <i class="iconfont icon-3"></i>
            <span>宠物寄养</span>
            <p>xxxx一贯秉承客户至上的原则</p>
        </div>
        <div class="clear down-1">
            <div class="left first">
                <h1>顺义中心</h1>
                <img src="../image/jpg-01.jpg">
                <p>敞明亮:宽敞明亮的生活环境使宠物可以有好的休息和活动的生活环境，休息区和活动区要分开。<br/>...</p>
                <button type="button" class="on">查看详情</button>
            </div>
            <div class="left second">
                <h1>房山中心</h1>
                <img src="../image/jpg-02.jpg">
                <p>足够发寄养房间:要根据宠物的年龄，大小，性别，脾气秉性等特点来安排不同的生活房间，每个房间小型
                    狗不应超过六只，大型狗不应超过三只。</p>
                <button type="button" class="on">查看详情</button>
            </div>
            <div class="left third">
                <h1>训练中心</h1>
                <img src="../image/jpg-03.jpg">
                <p>完整的训练体系，给您的宠物一个安心舒适的环境。在这里，您的宠物将经历两个月的训练课程，每一天
                    都会有不一样的精彩。</p>
                <button type="button" class="on">查看详情</button>
            </div>
        </div>
    </div>
</section>
<!-- 第一层 结束 -->


<!-- 第二层 开始 -->
<section id="floor-2">
    <div class="safe">
        <div class="up-2">
            <i class="iconfont icon-3"></i>
            <span>宠物托运</span>
            <p>公司航线优势明显，在北京首都机场、北京南苑机场均建有发货点</p>
        </div>
        <div class="clear down-2">
            <div class="left first">
                <img src="../image/jpg-04.jpg">
                <h1>国内托运</h1>
                <p>1、办理宠物检疫合格证明 2、代订宠物有氧舱位 3、市内上门接货，交办托运 4、提供符合航空运输要求
                    的宠物航空箱 ...</p>
                <button type="button" class="on">查看详情</button>
            </div>
            <div class="left second">
                <img src="../image/jpg-05.jpg">
                <h1>宠物出国</h1>
                <p>1、预订宠物出国有氧舱位 2、代办芯片植入、血清寄送及血清检测服务 3、代办宠物出国前的体检
                    4、向市检验检疫局申请通关单及健康证书 ...</p>
                <button type="button" class="on">查看详情</button>
            </div>
            <div class="left third">
                <img src="../image/jpg-06.jpg">
                <h1>宠物回国</h1>
                <p>1、宠物回国前的手续咨询服务 2、宠物接机 3、机场报关、报检，清关服务 4、隔离期结束后的取货、
                    送货到门服务 ...</p>
                <button type="button" class="on">查看详情</button>
            </div>
        </div>
    </div>
</section>
<!-- 第二层 结束 -->


<!-- 第三层 开始 -->
<section id="floor-3">
    <div class="safe">
        <div class="up-3">
            <i class="iconfont icon-3"></i>
            <span>宠物活体</span>
            <p>xxxx一贯秉承客户至上的原则</p>
        </div>
        <div class="as">
            <a href="#">德国牧羊犬</a>
            <a href="#">日本柴犬</a>
            <a href="#">拉布拉多</a>
            <a href="#">边牧</a>
        </div>
        <div class="imgs">
            <img src="../image/img-1.jpg">
            <img src="../image/img-2.jpg">
            <img src="../image/img-3.jpg">
            <img src="../image/img-4.jpg">
            <img src="../image/img-5.jpg" class="none">
        </div>
    </div>
</section>
<!-- 第三层 结束 -->


<!-- 分割区 开始 -->
<section id="part">
    <div class="safe">
        <div class="part-1">
            <i class="iconfont icon-3"></i>
            <span>宠物陵园</span>
            <p>xxxx一贯秉承客户至上的原则</p>
        </div>
        <div class="part-2">
            <p>
                针对如何处理宠物的身后事，并没有相关法律方面的明文规定。目前对宠物殡葬业监管还处于空白状态，但这
                种做法是一种进步。墓地集中也能够从一定程度上控制污染，有利于监管。<br/>
                福州大学人文社会科学学院副院长许斗斗表示，人与宠物接触久了，末了为它造墓也情有可原，但不应大力提
                倡。许斗斗建议有关部门应该联合起来，尽快解决宠物身后事造成的种种问题。他认为，出于环保卫生等方面
                的考虑，宠物有必要进行殡葬，宠物殡葬业的出现也是合情合理。<br/>
                建宠物陵园浪费严重。在土地十分缺少的情况下，建设宠物陵园是非常不明智的做法。福州目前的宠物殡葬分
                为小型、中型、大型三种，普通的宠物殡葬只需要200元，如果需要小棺木和墓碑，则至少要上千元，加上占
                地费用、每年二三百元的墓地护理费用，也是一笔不小的开支，最高的需要四五千元。虽然这些钱由宠物的主
                人掏腰包，但是浪费的却是全国人民的资源。必须采取有力措施，坚决杜绝这种铺张浪费的现象。<br/>
                建宠物陵园有悖社会主义荣辱观的宗旨。社会主义荣辱观明确要求：“以崇尚科学为荣，以愚昧无知为耻。”
                宠物作为人类的朋友，日久天长，难免要产生深厚的感情，宠物死后，主人岂能不伤悲。主人给宠物做简单的
                殡葬处理，也是人之常情。但是，有些人对动物也搞入土为安这一套把戏，实在是荒谬透顶。
            </p>
        </div>
        <div class="part-3">
            <button type="button">房山园</button>
            <button type="button">密云园</button>
        </div>
    </div>
</section>
<!-- 分割区 结束 -->


<!-- 第四层 开始 -->
<section id="floor-4">
    <div class="safe">
        <div class="up-4">
            <i class="iconfont icon-3"></i>
            <span>新闻资讯</span>
            <p>实时掌握最新资讯</p>
        </div>
        <div class="down-4 clear">
            <div class="down-left left">
                <div class="down-4-1 clear">
                    <img src="../image/tu-1.jpg" class="middle-01 left">
                    <div class="middle-02">
                        <h1>宠物随机托运要提前两至三小时到机场</h1>
                        <p>狗狗和猫咪也能搭乘飞机，但票价不菲。合肥一家宠物托运中心负责人告诉记者，目前可以托运宠物的国内航空公司不少，不同航空公司收费标准也有所不同。</p>
                    </div>
                </div>
                <ul class="down-4-2">
                    <li>
                        <a href="#" class="left">网上免费获赠宠物犬 被骗需托运一万元打水漂</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">首款宠物医疗险上海面世 价格一点都不便宜</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">北京一男子买羊驼当宠物 自称从新西兰买回</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">女孩藏带宠物乘火车 被拦打闹撒泼咬伤警察</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">度假旺季又将来临 宠物托运、带宠物出游呼声高实现难</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">夏季办理宠物托运的特别提示！</a>
                        <span class="right">2016/08/26</span>
                    </li>
                </ul>
            </div>

            <div class="down-right right">
                <div class="down-4-2 clear">
                    <img src="../image/tu-2.jpg" class="middle-01 left">
                    <div class="middle-02">
                        <h1>宠物托运的包装原则及要求！</h1>
                        <p>宠物托运的包装笼箱应遵循以下几个原则：<br/>
                            既要便于装卸又要适合动物特性和航空运输的要求，能防止动物破坏、逃逸和接触外界，保证通风，防止动物窒息。<br/>
                            <!--2.包装底部应有防止粪便外溢的设施。-->
                        </p>
                    </div>
                </div>
                <ul class="down-4-2">
                    <li>
                        <a href="#" class="left">网上免费获赠宠物犬 被骗需托运一万元打水漂</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">首款宠物医疗险上海面世 价格一点都不便宜</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">北京一男子买羊驼当宠物 自称从新西兰买回</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">女孩藏带宠物乘火车 被拦打闹撒泼咬伤警察</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">度假旺季又将来临 宠物托运、带宠物出游呼声高实现难</a>
                        <span class="right">2016/08/26</span>
                    </li>
                    <li>
                        <a href="#" class="left">夏季办理宠物托运的特别提示！</a>
                        <span class="right">2016/08/26</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- 第四层 结束 -->


<!-- 第五层 开始 -->
<section id="floor-5">
    <div class="safe">
        <div class="up-5">
            <i class="iconfont icon-3"></i>
            <span>案例中心</span>
            <p>xxxx一贯秉承客户至上的原则</p>
        </div>
        <div class="imgs">
            <ul class="clear wra">
                <li class="left li-1"">
                    <div class="tex">
                        <h1>案例01</h1>
                        <p>案例介绍案例介绍案例介绍案例介绍，案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例</p>
                    </div>
                </li>
                <li class="left li-2">
                    <div class="tex">
                        <h1>案例02</h1>
                        <p>案例介绍案例介绍案例介绍案例介绍，案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例</p>
                    </div>
                </li>
                <li class="left li-3">
                    <div class="tex">
                        <h1>案例03</h1>
                        <p>案例介绍案例介绍案例介绍案例介绍，案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</section>
<!-- 第五层 结束 -->


<!-- footer 开始 -->
<footer>
    <nav class="safe">
        <a href="#">宠物寄养</a>
        <a href="#">宠物托运</a>
        <a href="#">宠物活体</a>
        <a href="#">宠物陵园</a>
        <a href="#">新闻资讯</a>
        <a href="#">留言评价</a>
        <a href="#">案例中心</a>
        <a href="#">关于我们</a>
        <a href="#">联系我们</a>
    </nav>
</footer>
<!-- footer 开始 -->

</body>
</html>